<template>
  <div class="app">
    <h2>我是App组件</h2>
    <Child />
  </div>
</template>

<script>
import Child from "./components/Child.vue";

export default {
  name: "App",
  components: { Child },
    // 创建之前
    beforeCreate() {
    console.log("App 创建之前");
  },
  // // 挂载  出生
  // mounted() {
  //   console.log("App挂载了");
  // },
};
</script>

<style scoped>
.app {
  background-color: #ddd;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 0 10px;
}
</style>